﻿<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>创建编码转换规则
    </title>
    <meta name="description" content="">
    <meta name="author" content="">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- #CSS Links -->
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.css">

    <!-- SmartAdmin Styles : Caution! DO NOT change the order -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production-plugins.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">

    <!-- SmartAdmin RTL Support -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css">

    <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">

    <!-- #FAVICONS -->
    <link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

    <!-- #GOOGLE FONT -->
    <link rel="stylesheet" href="css/open-sans.css" type="text/css">

    <!-- #APP SCREEN / ICONS -->
    <link rel="apple-touch-icon" href="img/splash/sptouch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/splash/touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/splash/touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/splash/touch-icon-ipad-retina.png">

    <!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Startup image for web apps -->
    <link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="screen and (max-device-width: 320px)">

    <link href="appcss/Common.css" rel="stylesheet" />

</head>
<body class="desktop-detected minified">

    <!-- #MAIN PANEL -->
    <div id="main" role="main">

        <!-- RIBBON -->
        <div id="ribbon">

             <span class="ribbon-button-alignment">
                <span class="btn btn-ribbon"><i class="fa fa-home"></i></span>
            </span>

            <!-- breadcrumb -->
            <ol class="breadcrumb">
                <li><a href="CodeConversionRuleManagementOne.html">编码转换规则管理</a></li>
                <li>创建编码转换规则
                </li>
            </ol>
            <!-- end breadcrumb -->

        </div>
        <!-- END RIBBON -->


        <!-- MAIN CONTENT -->
        <div id="content">
            <div class="row hidden">
                <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                    <h1 class="page-title txt-color-blueDark">
                        <i class="fa fa-edit fa-fw "></i>
                        主页
            <span>> 
                创建编码转换规则
            </span>
                    </h1>
                </div>

            </div>

            <!-- widget grid -->
            <section id="widget-grid" class="">

                <!-- row -->
                <div class="row">

                    <!-- NEW WIDGET START -->


                    <!-- NEW WIDGET START -->
                    <article class="col-sm-12 col-md-12 ">

                        <!-- Widget ID (each widget will need unique ID)-->
                        <div class="jarviswidget" id="wid-id-2">
                            <header>
                                <h2>创建编码转换规则
                                </h2>

                            </header>

                            <!-- widget div-->
                            <div>

                                <!-- widget edit box -->
                                <div class="jarviswidget-editbox">
                                    <!-- This area used as dropdown edit box -->

                                </div>
                                <!-- end widget edit box -->

                                <!-- widget content -->
                                <div class="widget-body no-padding">

                                    <!-- Success states for elements -->
                                    <form action="" class="smart-form" id="Update-Form">
                                        <header>填写</header>
                                        <fieldset>
                                            <section>
                                                <label class="label">数据表</label>
                                                <label class="input">
                                                    <input type="text" disabled="disabled" placeholder="数据表名称" readonly="readonly" id="DataTableName">
                                                </label>
                                            </section>

                                            <section>
                                                <label class="label">字段</label>
                                                <label class="input">
                                                    <input type="text" disabled="disabled" placeholder="数据列名称" readonly="readonly" id="DataColumnName">
                                                </label>
                                            </section>

                                        </fieldset>
                                        <fieldset>
                                            <section>
                                                <label class="label">维度</label>
                                                <label class="input">
                                                    <input type="text" readonly="readonly" disabled="disabled" placeholder="选择维度" id="DimName" />
                                                </label>
                                            </section>
                                        </fieldset>
                                        <fieldset>

                                            <section>
                                                <label class="label">维度项</label>
                                                <label class="input">
                                                    <input type="text" readonly="readonly" disabled="disabled" placeholder="选择维度项" id="DimItemName" />
                                                </label>
                                            </section>
                                        </fieldset>
                                        <fieldset>
                                            <section>
                                                <label class="label">RowCodes</label>
                                                <label class="input">
                                                    <input type="text" placeholder="RowCodes" id="RawCodes" name="RawCodes" class="required" />
                                                </label>
                                            </section>
                                        </fieldset>
                                        <footer>
                                            <input id="DataId" name="Id" type="hidden" />
                                            <input id="sys:sno" name="sys:sno" value="ETL" type="hidden" />
                                            <input id="sys:act" name="sys:act" value="UpdateCodeConversionRule" type="hidden" />
                                            <button type="submit" class="btn btn-primary">修改</button>
                                            <button type="button" class="btn btn-default" onclick="window.history.back();">
                                                返回
                                            </button>
                                        </footer>
                                    </form>
                                    <!--/ Success states for elements -->

                                </div>
                                <!-- end widget content -->

                            </div>
                            <!-- end widget div -->

                        </div>
                        <!-- end widget -->

                    </article>
                    <!-- WIDGET END -->

                </div>

                <!-- end row -->

            </section>
            <!-- end widget grid -->

        </div>
        <!-- END MAIN CONTENT -->
    </div>

    <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
    

    <script src="js/libs/jquery-2.1.1.min.js"></script>
    <script src="js/libs/jquery-ui-1.10.3.min.js"></script>
    <!-- BOOTSTRAP JS -->
    <script src="js/bootstrap/bootstrap.min.js"></script>

    <!-- IMPORTANT: APP CONFIG -->
    <script src="js/app.config.js"></script>


    <!-- CUSTOM NOTIFICATION -->
    <script src="js/notification/SmartNotification.min.js"></script>

    <!-- JARVIS WIDGETS -->
    <script src="js/smartwidgets/jarvis.widget.min.js"></script>


    <!-- SPARKLINES -->
    <script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

    <!-- JQUERY MASKED INPUT -->
    <script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>


    <!-- JQUERY UI + Bootstrap Slider -->
    <script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>


    <script src="js/plugin/datatables/jquery.dataTables.min.js"></script>
    <script src="js/plugin/datatables/dataTables.colVis.min.js"></script>
    <script src="js/plugin/datatables/dataTables.tableTools.min.js"></script>
    <script src="js/plugin/datatables/dataTables.bootstrap.min.js"></script>
    <script src="js/plugin/datatable-responsive/datatables.responsive.min.js"></script>

    <script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>
    <script src="js/plugin/jquery-validate/jquery.metadata.js"></script>
    <script src="js/plugin/jquery-validate/messages_cn.js"></script>

    <script src="js/app.min.js"></script>
    <script src="appjs/Helper.js"></script>
    <script src="appjs/Common.js"></script>

    <script>
        var tableId = GetQueryString("dataTableId");
        var columnId = GetQueryString("dataColumnId");
        var dataid = GetQueryString("id");
        $(function () {
            var getTableInfo = function (id) {
                $.ajax({
                    url: apiUrl,
                    data: {
                        "sys:sno": "ETL",
                        "sys:act": "GetDataTable",
                        "DataTableId": tableId
                    },
                    dataType: "json",
                    success: function (data) {
                        if (data.IsSccuess) {
                            $("#DataTableName").val(data.Data.Name);
                           
                        } else {
                            if (IsLogined(data.ErrorCode)) {
                                alert(data.Message);
                            }
                        }
                    }
                });
                $.ajax({
                    url: apiUrl,
                    data: {
                        "sys:sno": "DataTable",
                        "sys:act": "GetColumns",
                        "DataTableId": tableId,
                    },
                    dataType: "json",
                    success: function (data) {
                        if (data.IsSccuess) {
                            for (var i = 0; i < data.Data.Columns.length; i++) {
                                if (data.Data.Columns[i].Id == columnId) {
                                    $("#DataColumnName").val(data.Data.Columns[i].Name);
                                }
                            }
                        } else {
                            if (IsLogined(data.ErrorCode)) {
                                alert("失败（" + "错误代码：" + data.ErrorCode + "，错误信息：" + data.Message + ")");
                            }
                        }
                    }
                });
            }

            $("#Update-Form").validate({
                submitHandler: function (form) {
                    $.ajax({
                        url: apiUrl,
                        data: $("#Update-Form").serialize(),
                        type: "Post",
                        dataType: "json",
                        success: function (data) {
                            if (data.IsSccuess) {
                                ShowGritter("修改成功", 2, "CodeConversionRuleManagementOne.html");
                            } else {
                                if (IsLogined(data.ErrorCode)) {
                                    alert("失败（" + "错误代码：" + data.ErrorCode + "，错误信息：" + data.Message + ")");
                                }
                            }
                        },
                        beforeSend: function () {
                            ShowGritter("提交中");
                        }
                    });
                }
            });
            var getInfo = function () {
                $.ajax({
                    url: apiUrl,
                    data: {
                        "sys:sno": "CCR",
                        "sys:act": "Get",
                        "Id": dataid
                    },
                    dataType: "json",
                    success: function (data) {
                        if (data.IsSccuess) {
                            $("#DimName").val(data.Data.DimName);
                            $("#DimItemName").val(data.Data.DimItemName);
                            $("#RawCodes").val(data.Data.RawCodes);
                        } else {
                            if (IsLogined(data.ErrorCode)) {
                                alert("失败（" + "错误代码：" + data.ErrorCode + "，错误信息：" + data.Message + ")");
                            }
                        }
                    }
                });
            }
            getTableInfo();
            $("#DataId").val(dataid);
            getInfo();
        });

    </script>
</body>
</html>
